@r:25rem;

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body,ul,p,input{
    padding:0; margin:0;
}
li {
    list-style:none; }
img {
    border:none;
}
a {
    text-decoration: none;
}
i{
    font-style: normal
}
img {
    max-width: 100%;
}
.hide{
    display: none;
}
.r{
    float: right;
}
.l{
    float: left;
}

input:focus{
    outline: none;
}

.clear:after{
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

button{
    outline: none;
    border: none;
}

.index{
  background: #F4F4F4;
  .box_wydk{
    .header{
      width: 100%;
      height: 50/@r;
      background: #49A2FE;
      text-align: center;
      overflow: hidden;
      p{
        display: inline-block;
        font-size: 18/@r;
        color: #fff;
        font-weight: 600;
        line-height: 50/@r;
        margin-left: 152/@r;
      }
      img{
        display: block;
        width: 20/@r;
        height: 24/@r;
        margin: 14/@r 12/@r;
      }
    }
    .logo{
      z-index: -1;
      width: 100%;
      height: 200/@r;
      position: relative;
      img{
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
      }
      a{
        width: 100%;
      }
      a:nth-of-type(2) img{
        left: 375/@r;
      }
    }
    .gonggao{
      height: 56/@r;
      background: #FFFFFF;
      width: 355/@r;
      margin: auto;
      margin-top: -28/@r;
      margin-bottom: 11/@r;
      border-radius: 6/@r;
      padding-top: 9/@r;
      overflow: hidden;
      box-shadow:0/@r 2/@r 4/@r 0/@r rgba(192,192,192,0.5);
      .xbxx{
        margin-left: 13/@r;
        padding-right: 12/@r;
        display: inline-block;
        width: 50/@r;
        height: 40/@r;
        color: #4b4b4b;
        font-size: 14/@r;
        font-weight: 500;
      }
      .box-gonggao{
        display: inline-block;
        box-sizing: content-box;
        border-left: .1/@r solid #B7B7B7;
        padding-left: 14/@r;
        width: 270/@r;
        height: 37/@r;
        color: #b7b7b7;
        font-size: 12/@r;
        overflow: hidden;
        p{
          height: 37/@r;
        }
      }
    }
    .content{
      width: 355/@r;
      margin: auto;
      box-shadow: 0 2/@r 4/@r 0 rgba(193,192,192,0.5);
      overflow: hidden;
      border-radius: 6/@r;
      background: #fff;
      margin-bottom: 10/@r;
        .con{
            display: flex;
          background: url("../images/bg_baihui.png") no-repeat;
          background-size: cover;
            .containers{
                width: 50%;
                height: 120/@r;
                display: flex;
                justify-content: space-around;
                margin: 0 0 0 40/@r;
                .swiper-slide{
                  color: #B7B7B7;
                  font-size: 16/@r;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
              .swiper-slide-active{
                color: #FF723F;
                font-size: 18/@r;
              }
              p{
                padding-top: 40/@r;
                box-sizing: border-box;
                span{
                  width: 100%;
                  padding-right: 25/@r;
                  height: 40/@r;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #FF723F;
                  font-size: 18/@r;
                }
              }
            }

        }
      .cd{
        height: 47/@r;
        padding: 8/@r 0;
        line-height: 27/@r;
        p{
          display: inline-block;
          font-size: 17/@r;
          color: #4b4b4b;
          font-weight: 500;
        }
        p:nth-of-type(1){
          margin-left: 13/@r;
          padding-right: 52/@r;
          border-right: .1/@r solid #B7B7B7;
        }
        p:nth-of-type(2){
          margin-left: 12/@r;
        }
        img{
          display: block;
          height: 27/@r;
          width: 23/@r;
        }
        img:nth-of-type(1){
          margin-left: 19/@r;
        }
        img:nth-of-type(2){
          width: 25/@r;
          margin-left: 46/@r;
        }
      }
        .roll_l{
          width: 50%;
          height: 128/@r;
          background: #fcfafa;
        }
        .roll_r{
          width: 50%;
          height: 128/@r;
          background: #fcfafa;
        }
      }
    }
  .content_cost{
      width:355/@r;
      height:99/@r;
      background:rgba(255,255,255,1);
      box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
      border-radius:6/@r;
      margin: auto;
      padding-top: 10/@r;
      font-size: 12/@r;
      margin-bottom: 19/@r;
      display: flex;
    flex-wrap: wrap;
      img{
        width: 15/@r;
        height: 15/@r;
        margin-left: 7/@r;
        margin-right: 4/@r;
      }
      p{
        display: inline-block;
        line-height: 29/@r;
        color: #4b4b4b;
        width: 175/@r;
        flex-grow: 1;
      }
      p:nth-of-type(2){
        width: 180/@r;
      }
      p:nth-of-type(4){
        width: 180/@r;
      }
      .cc:before{
        display: inline-block;
        content: '';
        width: 6/@r;
        height: 6/@r;
        background: #49a2fe;
        border-radius: 50%;
        margin-right: 6/@r;
        margin-left: 11/@r;
        margin-bottom: 2/@r;
      }
      div{
        overflow: hidden;
        flex-grow: 2;
        display: flex;
        align-items: center;
        p{
          width: 200/@r;
          color: #57b557;
          line-height: 12/@r;
          font-weight: 500;
        }
      }
    }
  .btn{
      width: 355/@r;
      height: 44/@r;
      line-height: 44/@r;
      margin: auto;
      display: block;
      background: #49a2fe;
      border-radius: 6/@r;
      text-align: center;
      font-size: 17/@r;
      color: #ffffff;
      border:0/@r;
      outline: none;  
    }
  .mask{
    width: 100%;
    height: 100%;
    top:0;
    position: fixed;
    background: rgba(0,0,0,0.85);
    z-index: 999;
    .mask-box{
      width: 300/@r;
      margin: 90/@r auto;
      background: #ffffff;
      border-radius: 6/@r;
      display: flex;
      flex-direction: column;
      .mask-box-title{
        color: #4b4b4b;
        font-size: 18/@r;
        line-height: 56/@r;
        text-align: center;
      }
      .mask-box-content{
        border-top: 1/@r solid #EDECEC;
        border-bottom: 1/@r solid #EDECEC;
        padding: 10/@r 16/@r 30/@r;
        color: #b7b7b7;
        font-size: 14/@r;
        height: 260/@r;
        white-space: pre-wrap;
        overflow: auto;
      }
      .mask-box-quest{
        display: flex;
        .mask-box-quest-no,.mask-box-quest-yes{
          flex-grow: 1;
          width: 60/@r;
          line-height: 52/@r;
          text-align: center;
          font-size: 18/@r;
        }
        .mask-box-quest-no{
          color: #b7b7b7;
          border-right: 1/@r solid #EDECEC;
        }
        .mask-box-quest-yes{
          color: #49a2fe;
        }
      }
    }
  }
}

.dengluy{
  background:#fff;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
  }
  .content{
    background: #ffffff;
    padding-top: 221/@r;
    .box{
      margin: auto;
      width: 317/@r;
      height: 51/@r;
      border-radius: 26/@r;
      box-shadow:2/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5),2/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    }
    .btn_sjh, .btn_yzm{
      margin-bottom: 26/@r;
      overflow: hidden;
      input{
        height: 27/@r;
        width: 160/@r;
        border: none;
        color: #b7b7b7;
        font-size: 17/@r;
        background: #ffffff;
        margin-left: 16/@r;
        font-weight: 500;
        margin-top: 12/@r;
      }
      input::placeholder{
        color: #b7b7b7;
        font-size: 17/@r;
        font-weight: 500;
      }
      button{
        display: inline-block;
        width: 3.92rem;
        height: 2.04rem;
        line-height: 2.04rem;
        background: #49a2fe;
        text-align: center;
        color: #ffffff;
        font-size: 0.64rem;
        border:0/@r;
        outline: none;  
      }
      img{
        width: 21/@r;
        height: 27/@r;
        margin-left: 21/@r;
        margin-top: 12/@r;
      }
    }
    .btn_yzm{
      margin-bottom: 40/@r;
    }
    .btn_dl{
      width: 317/@r;
      height: 51/@r;
      line-height: 51/@r;
      background: #49a2fe;
      text-align: center;
      color: #ffffff;
      font-size: 18/@r;
      font-weight: 600;
      margin-bottom: 21/@r;
    }
    .text{
      margin: auto;
      width: 317/@r;
      height: 20/@r;
      line-height: 20/@r;
      p:before{
        float: left;
        display: inline-block;
        content: '';
        width: 106/@r;
        height: 1/@r;
        background: #b7b7b7;
        margin-top: 9/@r;
        margin-right: 17/@r;
      }

      p:after{
        float: right;
        display: inline-block;
        content: '';
        width: 106/@r;
        height: 1/@r;
        background: #b7b7b7;
        margin-top: 9/@r;
        margin-left: 17/@r;
      }
      p{
        display: inline-block;
        font-size: 14/@r;
        color: #b7b7b7;
      }
    }
    .disanf{
      margin-top: 19/@r;
      text-align: center;
      img{
        width: 40/@r;
        height: 40/@r;
        margin: 0 18/@r;
      }
    }
  }
}

.xiaoxizx{
  background: #f4f4f4;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .content{
    width: 355/@r;
    margin: auto;
    .information{
      text-align: center;
      .date{
        display: inline-block;
        height: 18/@r;
        line-height: 18/@r;
        background:rgba(255,255,255,0.8);
        padding: 0 5/@r;
        font-size: 10/@r;
        color: #676767;
        margin: 10/@r 0;
      }
      .box{
        width: 100%;
        border-radius: 6/@r;
        background: #ffffff;
        padding: 7/@r 10/@r;
        overflow: hidden;
        margin-bottom: 15/@r;
        box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
        span{
          font-size: 16/@r;
          color: #4b4b4b;
          text-align: left;
          font-weight: 500;
        }
        p{
          font-size: 14/@r;
          color: #4b4b4b;
          width: 100%;
          text-align: left;
        }
      }
    }
  }
}

.shenfenyz{
  background: #f4f4f4;
  padding-top: 44/@r;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
    .r {
      margin: 0 8/@r 0 12/@r;
    }
    .r img{
      width: 20/@r;
      height: 18/@r;
    }
  }
  .list{
    width: 355/@r;
    height: 88/@r;
    line-height: 88/@r;
    margin: auto;
    background: #FFFFFF;
    box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    border-radius: 6/@r;
    margin-top: 14/@r;
    padding-top: 12/@r;
    margin-bottom: 11/@r;
    span{
      display: inline-block;
      width: .01/@r;
      height:45/@r;
      border:1/@r solid;
      margin-top: 10/@r;
      background: #edecec;
      opacity: 0.2;
    }
    div{
      display: inline-block;
      width: 110/@r;
      text-align: center;
      img{
        width: 40/@r;
        height: 40/@r;
        display: block;
        margin: auto;
        margin-bottom: 7/@r;
      }
      p{
        font-size: 14/@r;
        color: #919191;
        line-height: 14/@r;
      }
      .active{
        color: #4b4b4b;
      }
    }
    div:nth-of-type(2){
      width: 130/@r;
    }
  }
  .information_1, .information_3, .information_2, .information_4, .information_5{
    width: 355/@r;
    margin: auto;
    background:rgba(255,255,255,1);
    box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    border-radius:6/@r;
    margin-bottom: 10/@r;
    div{
      height: 42/@r;
      line-height: 42/@r;
      border-bottom: solid #EDECEC 1/@r;
      font-size: 14/@r;
      padding: 0 10/@r;
      overflow: hidden;
      p{
        display: inline-block;
        color: #4b4b4b;
        span{
          color: #e7332e;
        }
      }
      a{
        color: #919191;
        font-weight: 500;
      }
      input{
        border: none;
        background: #ffffff;
        text-align: right;
        margin-top: 14/@r;
        width: 160/@r;
        font-weight: 500;
      }
      img{
        display: block;
        width: 5/@r;
        height: 12/@r;
        margin: 14/@r 0 0 10/@r;
      }
    }
  }
  .information_2{
    margin-bottom: 21/@r;
  }
  .information_3{
    margin-bottom: 64/@r;
  }
  .information_4{
    margin-bottom: 11/@r;
  }
  .information_5{
    margin-bottom: 101/@r;
  }
  .mask{
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    top:0;
    position: fixed;
    .fix_btn{
      position: fixed;
      bottom: 0;
      height: 42/@r;
      background: #49a2fe;
      line-height: 42/@r;
      text-align: center;
      font-size: 14/@r;
      color: #ffffff;
      width: 100%;
    }
    .containers{
        display: flex;
        flex-direction: column;
        position: fixed;
        width: 100%;
        background: #ffffff;
        bottom: 42/@r;
        .swiperone{
            width: 100%;
            .swiper-wrapper{
                width:100%;
                .swiper-slide{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    line-height: 46/@r;
                    text-align: center;
                    border-bottom: 1/@r solid #F1F0F0;
                    font-size: 16/@r;
                    color: #919191;
                    background: #ffffff;
                }
                .swiper-slide-active{
                    background: #49A2FE;
                }
            }
        }
        
    
    }
    
    
    
  }
  .btn{
    width: 355/@r;
    margin: auto;
    height: 44/@r;
    line-height: 44/@r;
    font-size: 17/@r;
    color: #ffffff;
    text-align: center;
    background: #49a2fe;
    border-radius: 6/@r;
  }
}

.liaojiecp{
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
  }
  .img_ljcp{
    display: block;
    width: 100%;
    height: 100%;
  }
}

.xinshougl{
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
  }
  .img_xsgl{
    display: block;
    width: 100%;
    height: 100%;
  }
}

.tijiaosh{
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
    .r {
      margin: 0 8/@r 0 12/@r;
    }
    .r img{
      width: 20/@r;
      height: 18/@r;
    }
  }
  .img_tjsh{
    display: block;
    margin: 63/@r 58/@r 62/@r;
    width: 259/@r;
    height: 164/@r;
  }
  .writ{
    p{
      height: 24/@r;
      line-height: 24/@r;
      text-align: center;
      font-size: 17/@r;
      color: #4b4b4b;
      font-weight: 500;
    }
    div{
      width: 238/@r;
      margin: 10/@r auto 0;
      font-size: 14/@r;
      color: #919191;
    }
  }
}

.woyaohk{
  background: #f6f6f6;
  .header{
    width: 100%;
    height: 50/@r;
    background: #49A2FE;
    text-align: center;
    overflow: hidden;
    p{
      display: inline-block;
      font-size: 18/@r;
      color: #fff;
      font-weight: 500;
      line-height: 50/@r;
      margin-left: 152/@r;
    }
    img{
      display: block;
      width: 23/@r;
      height: 27/@r;
      margin: 11/@r 9/@r;
    }
  }
  .weidaik{
    .img_wyhk{
      display: block;
      margin: 30/@r 42/@r 27/@r;
      width: 291/@r;
      height: 181/@r;
    }
    .writ{
      p{
        height: 24/@r;
        line-height: 24/@r;
        text-align: center;
        font-size: 17/@r;
        color: #333333;
      }
      div{
        width: 236/@r;
        margin: 8/@r auto 0;
        color: #737373;
        font-size: 14/@r;
        line-height: 20/@r;
      }
    }
  }
  .repayment{
    .count_down{
      width: 355/@r;
      margin: 10/@r auto 7/@r;
      background: #ffffff;
      border-radius: 4/@r;
      padding-top: 24/@r;
      padding-bottom: 23/@r;
      box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
      div{
        line-height: 20/@r;
        font-size: 14/@r;
        color: #333333;
        text-align: center;
      }
      p{
        width: 100%;
        text-align: center;
        color: #49a2fe;
        font-size: 30/@r;
        line-height: 42/@r;
        margin-top: 11/@r;
      }
    }
    .detailed_information{
      background: #ffffff;
      width: 355/@r;
      margin: 0 auto 100/@r;
      box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
      border-radius: 4/@r;
      overflow: hidden;
      .box{
        display: inline-block;
        width: 50%;
        padding: 18/@r 0;
        float: left;
        text-align: center;
        div{
          line-height: 20/@r;
          color: #737373;
          font-size: 14/@r;
          margin-bottom: 10/@r;
        }
        p{
          line-height: 22/@r;
          font-size: 16/@r;
          color: #333333;
        }
        span{
          color: #ff723f;
        }
      }
    }
    .btn_xianshang{
      width: 355/@r;
      line-height: 44/@r;
      background: #49a2fe;
      text-align: center;
      font-size: 17/@r;
      color: #ffffff;
      margin: 0 auto 10/@r;
      border-radius: 4/@r;
    }
    .btn_xianxia{
      width: 355/@r;
      line-height: 44/@r;
      text-align: center;
      font-size: 17/@r;
      color: #49a2fe;
      border: #49A2FE 1/@r solid;
      border-radius: 4/@r;
      margin: auto;
    }
  }
}

.xianshanghk{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .information_hkr{
    width: 355/@r;
    margin: 10/@r auto;
    border-radius: 6/@r;
    background: #ffffff;
    font-size: 14/@r;
    div{
      width: 100%;
      padding: 12/@r 10/@r;
      border-bottom: 1/@r solid #D2D2D2;
      overflow: hidden;
    }
    div:nth-of-type(3){
      border: none;
    }
    p{
      line-height: 20/@r;
      color: #737373;
      display: inline-block;
    }
    span{
      line-height: 20/@r;
      color: #333333;
    }
  }
  .repayment{
    width: 355/@r;
    margin: 0 auto 100/@r;
    border-radius: 6/@r;
    background: #ffffff;
    font-size: 14/@r;
    padding: 12/@r 10/@r;
    overflow: hidden;
    p{
      display: inline-block;
      color: #737373;
      line-height: 20/@r;
    }
    span{
      color: #ff723f;
      line-height: 20/@r;
    }
  }
  .btn_djhk{
    width: 355/@r;
    margin: auto;
    background: #49a2fe;
    text-align: center;
    color: #ffffff;
    font-size: 17/@r;
    line-height: 44/@r;
    border-radius: 6/@r;
  }
}

.xianxiahk{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .schedule_1{
    .img_xxhk{
      display: block;
      width: 246/@r;
      height: 186/@r;
      margin: 10/@r auto 36/@r;
    }
    .writ{
      width: 334/@r;
      margin: 0 auto 9/@r;
      div{
        line-height: 24/@r;
        font-size: 17/@r;
        color: #333333;
        text-align: center;
        margin-bottom: 14/@r;
      }
      p{
        white-space: pre-wrap;
        font-size: 14/@r;
        color: #737373;
        line-height: 20/@r;
      }
    }
    .btn_scpz{
      width: 355/@r;
      margin: auto;
      line-height: 44/@r;
      background: #49a2fe;
      border-radius: 6/@r;
      font-size: 17/@r;
      text-align: center;
      color: #ffffff;
    }
  }
  .schedule_2{
    .hkje{
      width: 355/@r;
      margin: 10/@r auto;
      background: #ffffff;
      font-size: 14/@r;
      border-radius: 6/@r;
      margin-bottom: 10/@r;
      div{
        padding: 11/@r 10/@r;
        border-bottom: 1/@r solid #D2D2D2;
        overflow: hidden;
        p{
          display: inline-block;
          line-height: 20/@r;
          color: #737373;
        }
        input{
          background: #ffffff;
          border: none;
          color: #49a2fe;
          text-align: right;
        }
        input::placeholder{
          color: #d2d2d2;
        }
        img{
          width: 8/@r;
          height: 18/@r;
        }
        span{
          padding-right: 10/@r;
          line-height: 20/@r;
          color: #49a2fe;
        }
        .FF723F{
          font-size: 16/@r;
          color: #ff723f;
          padding: 0;
        }
      }
      div:nth-of-type(3){
        border: none;
      }
    }
    .jtpz{
      width: 355/@r;
      margin: auto;
      padding: 10/@r 10/@r 0;
      background: #ffffff;
      border-radius: 6/@r;
      margin-bottom: 99/@r;
      padding-bottom: 12/@r;
      p{
        font-size: 14/@r;
        line-height: 20/@r;
        color: #737373;
        margin-bottom: 14/@r;
      }
      div{
        width: 212/@r;
        height: 110/@r;
        background: #d2d2d2;
        margin: auto;
        padding-top: 33/@r;
        img{
          display: block;
          width: 60/@r;
          height: 45/@r;
          margin: auto;
        }
      }
    }
    .btn_scpz{
      width: 355/@r;
      margin: auto;
      line-height: 44/@r;
      background: #49a2fe;
      border-radius: 6/@r;
      font-size: 17/@r;
      text-align: center;
      color: #ffffff;
    }
  }
}

.gerenzx{
  background: #FAFAFA;
  .header{
    width: 100%;
    height: 50/@r;
    background: #49A2FE;
    text-align: center;
    overflow: hidden;
    img{
      display: block;
      width: 20/@r;
      height: 24/@r;
      margin: 14/@r 12/@r;
    }
  }
  .information_name{
    background: #49a2fe;
    padding: 10/@r 14/@r 33/@r;
    div{
      width: 64/@r;
      height: 64/@r;
      border-radius: 50%;
      margin-right: 18/@r;
      .information_icon{
        width: 64/@r;
        height: 64/@r;
        border-radius: 50%;
        background-size: contain;
      }
    }
    p{
      display: inline-block;
      line-height: 25/@r;
      font-size: 18/@r;
      color: #ffffff;
      margin-top: 7/@r;
      width: 260/@r;
    }
    span{
      line-height: 24/@r;
      font-size: 16/@r;
      color: #ffffff;
    }
  }
  .menu_1, .menu_2, .menu_3{
    width: 355/@r;
    border-radius: 6/@r;
    font-size: 14/@r;
    background: #ffffff;
    div{
      border-bottom: 1/@r solid #D2D2D2;
      padding: 10/@r 7/@r;
      overflow: hidden;
      display: flex;
      align-items: center;
      p{
        color: #333333;
        line-height: 24/@r;
        width: 100/@r;
      }
      img{
        display: block;
        width: 26/@r;
        height: 26/@r;
        margin-right: 7/@r;
      }
      .r img{
          width:10/@r;
          height:16/@r;
        margin-left: 200/@r;
      }
    }
    div:nth-of-type(2){
      border: none;
    }
  }
  .menu_1{
    margin: -17/@r auto 10/@r;
  }
  .menu_2{
    margin: 0 auto 10/@r;
  }
  .menu_3{
    margin: auto;
  }
}

.gerenxx{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .portrait{
    width: 100%;
    height: 160/@r;
    background: url("../images/porfile_bg@2x.png") no-repeat;
    background-size: cover;
    .portrait-white{
      background: rgba(255,255,255,0.5);
      width: 100%;
      height: 100%;
      .portrait-white-b{
        margin: auto;
        width: 88/@r;
        height: 115/@r;
        padding-top: 27/@r;
        .iconimg{
          border-radius: 50%;
          width: 88/@r;
          height: 88/@r;
          background: url("../images/porfile_profile photo@2x.png") no-repeat;
          background-size: cover;
        }
      }
    }
  }
  .ift_1, .ift_2{
    width: 355/@r;
    background: #ffffff;
    border-radius: 6/@r;
    div{
      border-bottom: 1/@r solid #D2D2D2;
      padding: 11/@r 10/@r;
      p{
        display: inline-block;
        color: #333333;
        font-size: 16/@r;
      }
      span,input{
        border: none;
        background: #ffffff;
        font-size: 16/@r;
        margin-top: 8/@r;
        text-align: right;
      }
      img{
        width: 8/@r;
        height: 18/@r;
        margin: 8/@r 0 0 10/@r;
      }
    }
    .bor_none{
      border: none;
    }
  }
  .ift_1{
    margin: -27/@r auto 10/@r;
  }
  .ift_2{
    margin: 0 auto 100/@r;
    div span, input{
      color: #737373;
    }
  }
  .btn{
    margin: auto;
    width:355/@r;
    line-height: 44/@r;
    border-radius:6/@r;
    text-align: center;
    color: #ffffff;
    background: #B7B7B7;
    font-size: 17/@r;
  }
  .blue{
    background: #49A2FE;
  }
}

.shenhejd{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    background: #ffffff;
    border-radius: 6/@r;
    margin: 10/@r auto 0;
    font-size: 14/@r;
    padding: 12/@r 10/@r;
    overflow: hidden;
    img{
      width: 20/@r;
      height: 17/@r;
      display: block;
      margin-right: 10/@r;
    }
    p{
      line-height: 20/@r;
      color: #333333;
    }
    .active{
      color: #53b658;
    }
    span{
      line-height: 20/@r;
      color: #737373;
    }
  }
  .btn{
    display: block;
    margin: 100/@r auto;
    width: 355/@r;
    border-radius: 6/@r;
    background: #49a2fe;
    font-size: 17/@r;
    color: #ffffff;
    line-height: 44/@r;
    border: none;
    outline: none;
  }
}

.bangdinyhk{
  background: #f6f6f6;
  padding-top: 44/@r;
  .header{
    width: 100%;
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    position: fixed;
    top: 0;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    font-size: 14/@r;
    background: #ffffff;
    width: 355/@r;
    border-radius: 6/@r;
    margin: 10/@r auto 0;
    div{
      line-height: 44/@r;
      padding: 0 10/@r;
      border-bottom: 1/@r solid #D2D2D2;
      overflow: hidden;
      p{
        display: inline-block;
        color: #333333;
      }
      img{
        width: 8/@r;
        height: 18/@r;
        margin: 14/@r 0 0 10/@r;
      }
      input{
        width: 266/@r;
        border:none;
        background: #ffffff;
        color: #333333;
      }
      input::placeholder{
        color: #d2d2d2;
      }
      .active{
        color: #737373;
      }
      .bank{
        float: right;
        padding: 0;
        img{
          width: 16/@r;
          height: 16/@r;
          vertical-align: top;
        }
        p{
          font-weight: bold;
        }
      }
    }
    div:nth-last-of-type(1){
      border: none;
    }
  }
  .btn{
    display: block;
    width: 355/@r;
    line-height: 44/@r;
    background: #49a2fe;
    border-radius: 6/@r;
    margin: 96/@r auto 0;
    font-size: 17/@r;
    color: #ffffff;
  }
  .mask-show{
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0/@r;
    .fix_btn{
      position: fixed;
      bottom: 0;
      height: 42/@r;
      background: #49a2fe;
      line-height: 42/@r;
      text-align: center;
      font-size: 14/@r;
      color: #ffffff;
      width: 100%;
    }
    .containers{
      display: flex;
      flex-direction: column;
      position: fixed;
      width: 100%;
      background: #ffffff;
      bottom: 42/@r;
      .swiperone{
        width: 100%;
        .swiper-wrapper{
          width:100%;
          .swiper-slide{
            display: flex;
            bottom: 42/@r;
            justify-content: center;
            align-items: center;
            line-height: 46/@r;
            text-align: center;
            border-bottom: 1/@r solid #F1F0F0;
            font-size: 16/@r;
            color: #919191;
            background: #ffffff;
          }
          .swiper-slide-active{
            background: #49A2FE;
          }
        }
      }


    }



  }
  .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.86);
    position: fixed;
    top:0;
    .popup{
      width: 320/@r;
      height: 200/@r;
      margin: 114/@r auto;
      border-radius: 6/@r;
      background: #ffffff;
      overflow: hidden;
      img{
        display: block;
        width: 87/@r;
        height: 87/@r;
        margin: 39/@r auto 16/@r;
      }
      p{
        line-height: 24/@r;
        font-size: 17/@r;
        color: #4b4b4b;
        text-align: center;
        font-weight: bold;
      }
    }
  }
}

.shangchuanzj{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    margin: 10/@r auto;
    background: #ffffff;
    border-radius: 6/@r;
    font-size: 14/@r;
    padding: 0 10/@r;
    text-align: center;
    overflow: hidden;
    p{
      line-height: 30/@r;
      color: #737373;
      text-align: left;
    }
    .upload,.upload-front,.upload-back{
      width: 210/@r;
      height: 110/@r;
      margin: 20/@r auto 15/@r;
      background: #d2d2d2;
      overflow: hidden;
      img{
        display: block;
        width: 60/@r;
        height: 45/@r;
        margin: 33/@r auto;
      }
    }
    .upload_aft,.upload_aft-front,.upload_aft-back{
      width: 210/@r;
      height: 110/@r;
      margin: 20/@r auto 15/@r;
      background: #d2d2d2;
      overflow: hidden;
      img{
        margin: 4/@r 4/@r;
        width: 18/@r;
        height: 18/@r;
      }
    }
    .back_pic-t,.back_pic-f{
      text-align: left;
      display: inline-block;
      width: 150/@r;
      height: 150/@r;
      background: #f6f6f6;
      line-height: 33/@r;
      padding-left: 6/@r;
      color: #ff7373;
      margin: 0 6/@r;
    }
    .back_pic-t{
      background: url("../images/2794@2x.png") no-repeat;
      background-size: contain;
    }
    .back_pic-f{
      background: url("../images/2793@2x.png") no-repeat;
      background-size: contain;
    }
  }
  .btn{
    display: block;
    width: 355/@r;
    line-height: 44/@r;
    border-radius: 6/@r;
    background: #49a2fe;
    font-size: 17/@r;
    color: #ffffff;
    text-align: center;
    margin: auto;
  }
}

.daikuanjl{
  background: #f4f4f4;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .box{
    width:355/@r;
    margin: 14/@r auto;
    box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    border-radius:6/@r;
    background: #ffffff;
    .layer{
      overflow: hidden;
      img{
        margin: 20/@r 12/@r 0;
        width: 35/@r;
        height: 35/@r;
      }
      .info{
        width: 282/@r;
        border-bottom: 1/@r solid #EDECEC;
        div{
          font-size: 14/@r;
          color: #4b4b4b;
          line-height: 20/@r;
          margin-top: 18/@r;
        }
        span{
          display: block;
          font-size: 10/@r;
          color: #676767;
          line-height: 20/@r;
        }
        p{
          display: inline-block;
          line-height: 72/@r;
          font-size: 18/@r;
          color: #ff723f;
        }
        img{
          width: 6/@r;
          height: 18/@r;
          margin: 26/@r 0 0 10/@r;
        }
        .active{
          color: #4b4b4b;
        }
      }
    }
    div:nth-last-of-type(1){
      .info{
        border: none;
      }
    }
  }
}

.daikuanxq{
  background: #f4f4f4;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    margin: 16/@r auto 0;
    border-radius: 6/@r;
    box-shadow:0/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    background: #ffffff;
    padding: 0 16/@r;
    .color_red{
      color: #ff2727;
    }
    .color_green{
      color: #57b557;
    }
    .color_yellow{
      color: #FF723F;
    }
    .pendant{
      margin-top: -2/@r;
      img{
        width: 34/@r;
        height: 42/@r;
        margin-left: 20/@r;
      }
      p{
        width: 70/@r;
        font-size: 14/@r;
        text-align: center;
        white-space: pre-wrap;
      }
    }
    .time_fk,.time_dk,.time_yinghk,.day_yq{
      line-height: 40/@r;
      font-size: 14/@r;
      color: #4b4b4b;
    }
    .money_fk,.money_dk,.money_yinghk,.money_yqwei,.money_yqyi{
      line-height: 20/@r;
      color: #4b4b4b;
      font-size: 14/@r;
      font-weight: 500;
      margin-bottom: 10/@r;
    }
  }
}

.wodeyhk{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    font-size: 14/@r;
    background: #ffffff;
    width: 355/@r;
    border-radius: 6/@r;
    margin: 10/@r auto 0;
    div{
      line-height: 44/@r;
      padding: 0 10/@r;
      border-bottom: 1/@r solid #D2D2D2;
      overflow: hidden;
      p{
        display: inline-block;
        color: #333333;
      }
      img{
        width: 8/@r;
        height: 18/@r;
        margin-top: 14/@r;
      }
      .active{
        color: #737373;
      }
      .bank{
        float: right;
        padding: 0;
        img{
          width: 16/@r;
          height: 16/@r;
          vertical-align: top;
        }
        p{
          font-weight: bold;
        }
      }
    }
    div:nth-last-of-type(1){
      border: none;
    }
  }
  .btn{
    display: block;
    width: 355/@r;
    line-height: 44/@r;
    background: #49a2fe;
    border-radius: 6/@r;
    margin: 96/@r auto 0;
    font-size: 17/@r;
    color: #ffffff;
  }
}

.wodezj{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    border-radius:6/@r;
    background: #ffffff;
    width: 355/@r;
    margin: 10/@r auto 0;
    padding: 0 10/@r 12/@r;
    p{
      line-height: 40/@r;
      font-size: 14/@r;
      color: #737373;
    }
    img{
      display: block;
      width: 212/@r;
      height: 110/@r;
      margin: auto;
      background: #f6f6f6;
    }
  }
}

.setup{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    background: #ffffff;
    width: 355/@r;
    margin: 10/@r auto 100/@r;
    border-radius:6/@r;
    line-height: 44/@r;
    font-size: 14/@r;
    color: #333333;
    padding: 0 10/@r;
    overflow: hidden;
    img{
      height: 18/@r;
      width: 8/@r;
      margin-top: 12/@r;
    }
  }
  .btn{
    display: block;
    width: 355/@r;
    margin: auto;
    border-radius: 6/@r;
    border: 1/@r solid #FF7373;
    line-height: 44/@r;
    font-size: 17/@r;
    background: #F6F6F6;
    color: #ff7373;
  }
}

.banbenxx{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    margin: 10/@r auto 0;
    background: #ffffff;
    border-radius: 6/@r;
    height: 260/@r;
    padding: 5/@r 10/@r 0;
    span, p{
      line-height: 30/@r;
      font-size: 14/@r;
      color: #333333;
      margin-right: 10/@r;
    }
  }
}

.guanyu{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .menu{
    background: #ffffff;
    width: 355/@r;
    margin: 10/@r auto 0;
    border-radius: 6/@r;
    font-size: 14/@r;
    div{
      line-height: 44/@r;
      padding: 0 10/@r;
      border-bottom: 1/@r solid #D2D2D2;
      img{
        margin-top: 13/@r;
        height: 18/@r;
        width: 8/@r;
      }
    }
    div:nth-last-of-type(1){
      border: none;
    }
  }
}

.gongsijs{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .logo{
    background: #ffffff;
    width: 355/@r;
    border-radius: 6/@r;
    margin: 10/@r auto 0/@r;
    overflow: hidden;
    padding: 0 10/@r 20/@r;
    img{
      display: block;
      margin: 18/@r auto 20/@r;
      width: 82/@r;
      height: 82/@r;
    }
    .text{
      line-height: 20/@r;
      font-size: 14/@r;
      color: #333333;
      white-space: pre-wrap;
    }
  }
}

.yijianfk{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    margin: 10/@r auto 0;
    border-radius: 6/@r;
    background: #ffffff;
    padding: 10/@r 10/@r;
    font-size: 14/@r;
    textarea{
      border: none;
      resize:none;
      outline: none;
      height: 151/@r;
      line-height: 20/@r;
      width: 100%;
      background: #ffffff;
      color: #737373;
    }
    p{
      color: #737373;
      line-height: 20/@r;
    }
    div{
      margin: 14/@r auto 0;
      width: 212/@r;
      height: 110/@r;
      background: #d2d2d2;
      overflow: hidden;
      img{
        display: block;
        width: 60/@r;
        height: 45/@r;
        margin: 33/@r auto 0;
      }
    }
  }
  .btn{
    display: block;
    width: 355/@r;
    line-height: 44/@r;
    margin: 100/@r auto 0;
    border-radius: 6/@r;
    background: #49a2fe;
    text-align: center;
    color: #ffffff;
    font-size: 19/@r;
  }
}

.lianxikf{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .info{
    width: 355/@r;
    height: 260/@r;
    background: #ffffff;
    margin: 10/@r auto 0;
    border-radius: 6/@r;
    overflow: hidden;
    img{
      display: block;
      margin: 17/@r auto 63/@r;
      width: 82/@r;
      height: 82/@r;
    }
    div{
      margin: auto;
      width: 162/@r;
      white-space: pre-wrap;
      line-height: 20/@r;
      font-size: 14/@r;
      color: #333333;
    }
  }
}

.bangdingsjh{
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .content{
    background: #ffffff;
    padding-top: 221/@r;
    .box{
      margin: auto;
      width: 317/@r;
      height: 51/@r;
      border-radius: 26/@r;
      box-shadow:2/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5),2/@r 2/@r 4/@r 0/@r rgba(193,192,192,0.5);
    }
    .btn_sjh, .btn_yzm{
      margin-bottom: 26/@r;
      overflow: hidden;
      input{
        height: 27/@r;
        width: 160/@r;
        border: none;
        color: #b7b7b7;
        font-size: 17/@r;
        background: #ffffff;
        margin-left: 16/@r;
        font-weight: 500;
        margin-top: 12/@r;
      }
      input::placeholder{
        color: #b7b7b7;
        font-size: 17/@r;
        font-weight: 500;
      }
      button{
        display: inline-block;
        width: 3.92rem;
        height: 2.04rem;
        line-height: 2.04rem;
        background: #49a2fe;
        text-align: center;
        color: #ffffff;
        font-size: 0.64rem;
        border:0/@r;
        outline: none;
      }
      img{
        width: 21/@r;
        height: 27/@r;
        margin-left: 21/@r;
        margin-top: 12/@r;
      }
    }
    .btn_yzm{
      margin-bottom: 40/@r;
    }
    .btn_dl{
      width: 317/@r;
      height: 51/@r;
      line-height: 51/@r;
      background: #49a2fe;
      text-align: center;
      color: #ffffff;
      font-size: 18/@r;
      font-weight: 600;
      margin-bottom: 21/@r;
    }
  }
}

.gaibangsjh{
  background: #f6f6f6;
  .header{
    height: 44/@r;
    background: #49a2fe;
    line-height: 44/@r;
    overflow: hidden;
    a{
      margin: 0 8/@r 0 12/@r;
    }
    img{
      width: 8/@r;
      height: 16/@r;
    }
    p{
      font-size: 17/@r;
      color: #ffffff;
      font-weight: 500;
    }
    p:nth-of-type(2){
      margin-left: 89/@r;
    }
  }
  .init{
    width: 355/@r;
    margin: 10/@r auto 100/@r;
    border-radius: 6/@r;
    background: #ffffff;
    .init-box{
      padding: 0 10/@r;
      border-bottom: 1/@r solid #D2D2D2;
      .init-box-text,.init-box-ip{
        line-height: 44/@r;
        color: #737373;
        font-size: 16/@r;
      }
      .init-box-ip{
        color: #333333;
      }
      .init-box-input{
        border: none;
        background: #ffffff;
        line-height: 44/@r;
        color: #333333;
        font-size: 14/@r;
      }
      .init-box-input::placeholder{
        color: #d2d2d2;
      }
      .init-box-btn{
        width: 90/@r;
        line-height: 30/@r;
        color: #ffffff;
        background: #b7b7b7;
        border-radius: 6/@r;
        margin: 8/@r 0;
        font-size: 14/@r;
      }
      .active{
        background: #49a2fe;
      }
    }
    .init-box:nth-last-of-type(1){
      border: none;
    }
  }
  .btn{
    display: block;
    margin: auto;
    width: 355/@r;
    background: #b7b7b7;
    color: #ffffff;
    font-size: 17/@r;
    line-height: 44/@r;
    border-radius: 6/@r;
  }
  .active-btn{
    background: #49a2fe;
  }
}

.shouquans{
  .sqs{
    height: 56/@r;
    border-bottom: 0.1/@r solid #EDECEC;
    text-align: center;
    font-size: 18/@r;
    color: #4B4B4B;
    margin: 20/@r 0 12/@r;
    font-weight: bold;
  }
  .text{
    white-space: pre-wrap;
    font-size: 16/@r;
    color: #969696;
    padding: 11/@r 16/@r 0;
  }
}